/**
 * Created by Administrator on 2018/1/4.
 */
//var nowPage = {
//    "page" : 1,//当前页
//    "rows" : 3,//容量
//    "totalRecords" : 11,//总条数
//    "totalPage" : 4,//共?页,总页数
//}
var nowPage = {
    "page" : 1,//当前页
    "rows" : 3,//容量
}
var flag = true;
var flag2 = true;

var $prevli;
var $nextli;

function addPagination(vid,data,url,aa){

    $.each(data,function(i,v) {
        nowPage[i] = v
    })


    if(flag){
        Initialloading(vid,url,nowPage,aa)
    }

    Fightlabels(vid);

    $('span[name="nowPage"]').html(nowPage.page);//第一页
    $('span[name="totalPage"]').html(nowPage.totalPage);//共?页,
    $('span[name="rows"]').html(nowPage.rows);//每页显示?条
    $('span[name="totalRecords"]').html(nowPage.totalRecords);//总条数
    //$("#pginput").html(1);//前往?页


    $('li[name="prev"]').attr('class', nowPage.page == 1 || nowPage.totalPage == 0 ? 'previous disabled' : 'previous');
    $('li[name="next"]').attr('class', nowPage.page == nowPage.totalPage || nowPage.totalPage == 0 ? 'next disabled' : 'next');



        $prevli.click(function(){
            if(nowPage.page>1) {
                $('span[name="nowPage"]').html(parseInt($('span[name="nowPage"]').text()) - 1);//第一页

                nowPage.page = nowPage.page - 1;

                ajax(url, nowPage, true, function (vvv) {

                    $("#" + vid).html("");

                    $.each(vvv.data,function(i,v){
                        var abc = aa(i,v)
                        $("#"+vid).append(abc);
                    })

                    flag=false;

                    addPagination(vid, data, url,aa);

                }, function () {
                })
            }
        });

        $nextli.click(function(){
            if(nowPage.page<nowPage.totalPage) {
                nowPage.page = nowPage.page + 1;
                ajax(url, nowPage, true, function (vvv) {
                    $("#" + vid).html("");
                    $.each(vvv.data,function(i,v){
                        var abc = aa(i,v)
                        $("#"+vid).append(abc);
                    })
                    flag=false;
                    addPagination(vid, data, url,aa);
                }, function () {
                })
            }
        });//chick end
}
//渲染数据
function Initialloading(vid,url,data,aa){
    ajax(url,data,false,function(vvv){

        $.each(vvv.data,function(i,v){
            var abc = aa(i, v)
            $("#"+vid).append(abc);
        })

    },function (){})
}

function Fightlabels(vid){
    var $infodiv = $('<div></div>').addClass('pager-info text-center');
    var $di = $('<span></span>').text('第').appendTo($infodiv);
    var $nowPage = $('<span></span>').addClass('bigger-120 blue').attr('name', 'nowPage').appendTo($infodiv);
    var $di = $('<span></span>').text('页, 共').appendTo($infodiv);
    var $totalPage = $('<span></span>').addClass('bigger-120 blue').attr('name', 'totalPage').appendTo($infodiv);
    var $di = $('<span></span>').text('页, 每页显示').appendTo($infodiv);
    var $rows = $('<span></span>').addClass('bigger-120 blue').attr('name', 'rows').appendTo($infodiv);
    var $di = $('<span></span>').text('条, 共').appendTo($infodiv);
    var $totalRecords = $('<span></span>').addClass('bigger-120 blue').attr('name', 'totalRecords').appendTo($infodiv);
    //var $di = $('<span></span>').text('条, 前往').appendTo($infodiv);
    var $di = $('<span></span>').text('条').appendTo($infodiv);
    //var $input = $('<input></input>').addClass('fl-page-input').attr('type', 'text').css('font-size', '10px').attr('id', 'pginput').appendTo($infodiv);
    //var $di = $('<span></span>').text('页').appendTo($infodiv);

    var $ul = $('<ul></ul>').addClass('pager pull-right').appendTo($infodiv);
        $prevli = $('<li></li>').addClass('previous').attr('name', 'prev').appendTo($ul);
    var $preva = $('<a></a>').attr('href', 'javascript:void(0);').text('< 上一页').appendTo($prevli);
        $nextli = $('<li></li>').addClass('next').attr('name', 'next').appendTo($ul);
    var $nexta = $('<a></a>').attr('href', 'javascript:void(0);').text('下一页 >').appendTo($nextli);

    $("#"+vid).append($infodiv);
}